<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Current Tree Node Opener</title>
    <script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="Scripts/treeview/jquery.treeview.js" type="text/javascript"></script>
    <link href="Scripts/treeview/jquery.treeview.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $("#navigation").treeview({
                persist: "location",
                collapsed: true,
                unique: true
            });
        });
    </script>
</head>
<body>
    <h4>
        Sample 2 - Navigation</h4>
    <ul id="navigation">
        <li><a href="?1">Item 1</a>
            <ul>
                <li><a href="?1.0">Item 1.0</a>
                    <ul>
                        <li><a href="?1.0.0">Item 1.0.0</a></li>
                    </ul>
                </li>
                <li><a href="?1.1">Item 1.1</a></li>
                <li><a href="?1.2">Item 1.2</a>
                    <ul>
                        <li><a href="?1.2.0">Item 1.2.0</a>
                            <ul>
                                <li><a href="?1.2.0.0">Item 1.2.0.0</a></li>
                                <li><a href="?1.2.0.1">Item 1.2.0.1</a></li>
                                <li><a href="?1.2.0.2">Item 1.2.0.2</a></li>
                            </ul>
                        </li>
                        <li><a href="?1.2.1">Item 1.2.1</a>
                            <ul>
                                <li><a href="?1.2.1.0">Item 1.2.1.0</a></li>
                            </ul>
                        </li>
                        <li><a href="?1.2.2">Item 1.2.2</a>
                            <ul>
                                <li><a href="?1.2.2.0">Item 1.2.2.0</a></li>
                                <li><a href="?1.2.2.1">Item 1.2.2.1</a></li>
                                <li><a href="?1.2.2.2">Item 1.2.2.2</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="?2">Item 2</a>
            <ul>
                <li><span>Item 2.0</span>
                    <ul>
                        <li><a href="?2.0.0">Item 2.0.0</a>
                            <ul>
                                <li><a href="?2.0.0.0">Item 2.0.0.0</a></li>
                                <li><a href="?2.0.0.1">Item 2.0.0.1</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="?2.1">Item 2.1</a>
                    <ul>
                        <li><a href="?2.1.0">Item 2.1.0</a>
                            <ul>
                                <li><a href="?2.1.0.0">Item 2.1.0.0</a></li>
                            </ul>
                        </li>
                        <li><a href="?2.1.1">Item 2.1.1</a>
                            <ul>
                                <li><a href="?2.1.1.0abc">Item 2.1.1.0</a></li>
                                <li><a href="?2.1.1.1">Item 2.1.1.1</a></li>
                                <li><a href="?2.1.1.2">Item 2.1.1.2</a></li>
                            </ul>
                        </li>
                        <li><a href="?2.1.2">Item 2.1.2</a>
                            <ul>
                                <li><a href="?2.1.2.0">Item 2.1.2.0</a></li>
                                <li><a href="?2.1.2.1">Item 2.1.2.1</a></li>
                                <li><a href="?2.1.2.2">Item 2.1.2.2</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="?3">Item 3</a>
            <ul>
                <li class="open"><a href="?3.0">Item 3.0</a>
                    <ul>
                        <li><a href="?3.0.0">Item 3.0.0</a></li>
                        <li><a href="?3.0.1">Item 3.0.1</a>
                            <ul>
                                <li><a href="?3.0.1.0">Item 3.0.1.0</a></li>
                                <li><a href="?3.0.1.1">Item 3.0.1.1</a></li>
                            </ul>
                        </li>
                        <li><a href="?3.0.2">Item 3.0.2</a>
                            <ul>
                                <li><a href="?3.0.2.0">Item 3.0.2.0</a></li>
                                <li><a href="?3.0.2.1">Item 3.0.2.1</a></li>
                                <li><a href="?3.0.2.2">Item 3.0.2.2</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>
